// // 跟权限相关的文件
// import router from './router'
// import store from './store'
// import { Message } from 'element-ui'

// // 进度条相关的组件
// import NProgress from 'nprogress'
// // 进度条相关的组件样式
// import 'nprogress/nprogress.css'

// // 获取 token 的方法
// import { getToken } from '@/utils/auth'

// // 给页面设置标题的方法
// import getPageTitle from '@/utils/get-page-title'

// // 进度条组件的初始化设置；start 方法表示开启进度条； done 方法表示结束，关闭进度条效果
// NProgress.configure({ showSpinner: false }) // NProgress Configuration

// // 定义白名单列表（不需要权限即可访问到的页面）
// const whiteList = ['/login', '/404']

// // 中午：自行阅读一下 persmission.js 做权限的

// // 路由前置守卫
// router.beforeEach(async(to, from, next) => {
//   // 开启进度条效果
//   NProgress.start()

//   // 可选（设置页面的标题）
//   document.title = getPageTitle(to.meta.title)

//   // 调用 getToken 方法，接收返回值，用来决定用户是否处于登录状态
//   const hasToken = getToken()

//   if (hasToken) {
//     if (to.path === '/login') {
//       // if is logged in, redirect to the home page
//       // 如果是有token并且如果访问的也是登录页的话
//       next({ path: '/' })
//       NProgress.done()
//     } else {
//       // 尝试着取用户信息
//       const hasGetUserInfo = store.getters.name
//       if (hasGetUserInfo) {
//         next()
//       } else {
//         try {
//           // 获取用户信息
//           await store.dispatch('user/getInfo')

//           next()
//         } catch (error) {
//           // remove token and go to login page to re-login
//           await store.dispatch('user/resetToken')
//           Message.error(error || 'Has Error')
//           next(`/login?redirect=${to.path}`)
//           NProgress.done()
//         }
//       }
//     }
//   } else {
//     // 没有取到token的情况
//     // 如果你去的路径在之前设置的白名单里面的话，就 next() 放行
//     if (whiteList.indexOf(to.path) !== -1) {
//       // in the free login whitelist, go directly
//       next()
//     } else {
//       // other pages that do not have permission to access are redirected to the login page.
//       // 就滚去登录, 同时携带了一个 参数：之前你要去的地址 A -> login -> A; B -> login -> B
//       next(`/login?redirect=${to.path}`)
//       NProgress.done()
//     }
//   }
// })

// router.afterEach(() => {
//   // finish progress bar
//   NProgress.done()
// })

// todo: 这里的逻辑，后期我们自行添加

// 对用户进行鉴权操作
import router from './router'
// 进度条相关组件
import NProgress from 'nprogress'
import store from './store'
// 导入动态路由
import { asyncRoutes } from '@/router/index'

// 定义白名单列表（不需要权限即可访问到的页面）
const whiteList = ['/login', '/404']
// 前置守卫
router.beforeEach(async(to, from, next) => {
  // 开启进度条效果
  NProgress.start()

  const token = store.getters.token
  if (token) {
    if (to.path === '/login') {
      next('/')
    } else {
      // 获取用户信息
      if (!store.getters.userId) {
        const { roles } = await store.dispatch('user/getUserInfo')
        // 对动态路由进行筛选 如果用户路由权限信息中包含动态路由则返回到filterRouter新数组里
        const filterRouter = asyncRoutes.filter(item => {
          return roles.menus.includes(item.name)
        })
        store.commit('user/setRoutes', filterRouter)
        // 得到筛选路由
        router.addRoutes([...filterRouter, { path: '*', redirect: '/404', hidden: true }]) // 添加动态路由到路由表
        next(to.path)
      } else {
        next()
      }
    }
  } else {
    if (whiteList.includes(to.path)) {
      next()
    } else {
      next('/login')
    }
  }
  NProgress.done()
})

// 后置守卫
router.afterEach((to, from, next) => {
  NProgress.done()
})
